@charset "UTF-8";
#demdet {
  padding-bottom: 30px;
  /**  右边栏  **/ }
  #demdet [data-demdet="section"] {
    width: 71%;
    background-color: #fff;
    float: left;
    /**  头部 **/ }
    #demdet [data-demdet="section"] [data-demdet="sectionheader"] {
      border-bottom: 1px solid #909090;
      padding-left: 30px;
      padding-top: 10px;
      /** 地址、看过、需求、评论 **/ }
      #demdet [data-demdet="section"] [data-demdet="sectionheader"] h1 {
        font-size: 20px;
        font-weight: normal; }
      #demdet [data-demdet="section"] [data-demdet="sectionheader"] .demdet-share {
        padding-right: 20px;
        position: relative;
        float: right;
        padding-left: 20px;
        margin: 10px 0 0 0;
        width: auto; }
        #demdet [data-demdet="section"] [data-demdet="sectionheader"] .demdet-share a {
          color: #515151; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] .demdet-share a:hover {
            text-decoration: underline; }
        #demdet [data-demdet="section"] [data-demdet="sectionheader"] .demdet-share:before {
          position: absolute;
          left: 0;
          top: 2px;
          content: "";
          background: url("../../../images/pc/icon/icon-share.png");
          width: 12px;
          height: 16px; }
      #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] {
        margin-top: 20px; }
        #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul {
          padding-bottom: 20px; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul li {
            display: inline-block;
            width: 175px; }
            #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul li a {
              display: inline-block; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="address"] b, #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="eye"] b, #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="comment"] b, #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="demand"] b {
            height: 20px;
            display: inline-block;
            margin-right: 8px;
            vertical-align: middle; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="address"] {
            font-size: 12px; }
            #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="address"] b {
              width: 12px;
              background-image: url("../../../images/pc/icon/icon_address.png"); }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="eye"] b {
            width: 20px;
            background-image: url("../../../images/pc/icon/icon_eye.png"); }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="comment"] {
            font-size: 16px; }
            #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="comment"] b {
              width: 21px;
              background-image: url("../../../images/pc/icon/icon_commentg.png"); }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="demand"] {
            font-size: 16px; }
            #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul [data-demdet="demand"] b {
              width: 21px;
              background-image: url("../../../images/pc/icon/icon_demandg.png"); }
        #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] {
          padding: 0;
          border: none; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] a {
            padding: 0;
            padding-bottom: 10px;
            border: none;
            color: #171717;
            border-bottom: 2px solid transparent; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] .active > a {
            border-bottom: 2px solid #ffb30e;
            color: #ffb30e; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] [data-demdet="comment"].active b {
            background-image: url("../../../images/pc/icon/icon_commento.png"); }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] [data-demdet="demand"].active b {
            background-image: url("../../../images/pc/icon/icon_demando.png"); }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] [data-demdet="comment"]:hover a {
            border: none;
            background: none;
            color: #ffb30e; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] [data-demdet="comment"]:hover b {
            background-image: url("../../../images/pc/icon/icon_commento.png"); }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] [data-demdet="demand"]:hover a {
            border: none;
            background: none;
            color: #ffb30e; }
          #demdet [data-demdet="section"] [data-demdet="sectionheader"] ul[data-demdet="sectiononeul"] ul[role="tablist"] [data-demdet="demand"]:hover b {
            background-image: url("../../../images/pc/icon/icon_demando.png"); }
  #demdet [data-demdet="aside"] {
    padding: 8px;
    width: 27%;
    background-color: #fff;
    float: right; }
    #demdet [data-demdet="aside"] [data-demdet="aside-header"] {
      line-height: 48px;
      color: #909090;
      border-bottom: 1px solid #909090; }
    #demdet [data-demdet="aside"] [data-demdet="aside-body"] {
      padding: 20px 5px; }
      #demdet [data-demdet="aside"] [data-demdet="aside-body"] img {
        width: 100px;
        height: 100px;
        margin-left: 6px;
        margin-right: 10px;
        margin-bottom: 20px;
        border-radius: 50%; }
      #demdet [data-demdet="aside"] [data-demdet="aside-body"] h2 {
        display: inline-block;
        font-size: 16px;
        color: #515151;
        width: 115px;
        max-height: 36px;
        overflow: hidden; }
      #demdet [data-demdet="aside"] [data-demdet="aside-body"] p {
        color: #909090;
        font-size: 14px; }
      #demdet [data-demdet="aside"] [data-demdet="aside-body"] [data-demdet="btn"] {
        margin: 0 -3px;
        text-align: center; }
        #demdet [data-demdet="aside"] [data-demdet="aside-body"] [data-demdet="btn"] button {
          font-size: 14px;
          width: 44%;
          height: 40px; }
        #demdet [data-demdet="aside"] [data-demdet="aside-body"] [data-demdet="btn"] button:first-child {
          margin-right: 20px;
          font-size: 14px; }
    #demdet [data-demdet="aside"] [data-demdet="aside-footer"] {
      border-top: 1px solid #909090;
      padding-top: 30px; }
      #demdet [data-demdet="aside"] [data-demdet="aside-footer"] p {
        color: #515151;
        margin-bottom: 20px;
        font-size: 14px; }
      #demdet [data-demdet="aside"] [data-demdet="aside-footer"] table {
        margin-left: 26px; }
        #demdet [data-demdet="aside"] [data-demdet="aside-footer"] table td {
          padding-bottom: 20px;
          font-size: 14px; }
          #demdet [data-demdet="aside"] [data-demdet="aside-footer"] table td span {
            color: #e43f3f; }
        #demdet [data-demdet="aside"] [data-demdet="aside-footer"] table [data-demdet="asidedate"] {
          text-align: right; }

/** 需求详情 **/
#demdet_demand {
  padding: 20px 36px;
  /** 详情 **/
  /*** 头像 ***/
  /**  按钮  **/ }
  #demdet_demand [data-demdetuser="works"] p {
    font-size: 14px; }
  #demdet_demand table {
    position: relative;
    margin-bottom: 10px; }
    #demdet_demand table thead h1 {
      color: #499af5;
      font-size: 20px; }
    #demdet_demand table thead #demdet_closedemand {
      text-align: right;
      line-height: 40px; }
      #demdet_demand table thead #demdet_closedemand a {
        font-size: 14px;
        color: #909090; }
    #demdet_demand table td {
      padding-bottom: 15px;
      vertical-align: top;
      font-size: 14px; }
    #demdet_demand table tr > td:first-child {
      width: 100px; }
    #demdet_demand table [data-demdet="number"] {
      position: absolute;
      right: 0; }
  #demdet_demand [data-demdet="headimg"] {
    margin-bottom: 30px; }
    #demdet_demand [data-demdet="headimg"] li {
      float: left;
      margin-right: 30px; }
      #demdet_demand [data-demdet="headimg"] li img {
        width: 80px;
        height: 80px;
        border-radius: 50%; }
    #demdet_demand [data-demdet="headimg"] li:last-child {
      margin-right: 0; }
  #demdet_demand [data-demdet="headimg"]:after {
    content: '';
    display: table;
    clear: both; }
  #demdet_demand [data-demdet="btn"] {
    text-align: right; }
    #demdet_demand [data-demdet="btn"] button {
      font-size: 14px;
      margin-left: 20px; }

/** 评论 **/
.zcbl-comments {
  /** 评论内容 **/ }
  .zcbl-comments [data-demdet="addcomment"] {
    margin-bottom: 20px;
    padding: 30px; }
    .zcbl-comments [data-demdet="addcomment"] [data-demdet="btn"] {
      text-align: right;
      padding-top: 20px; }
      .zcbl-comments [data-demdet="addcomment"] [data-demdet="btn"] button {
        font-size: 14px; }
  .zcbl-comments [data-demdet="texeareabox"] {
    position: relative; }
    .zcbl-comments [data-demdet="texeareabox"] textarea {
      width: 100%;
      height: 146px;
      font-size: 14px;
      padding: 10px;
      color: #909090; }
    .zcbl-comments [data-demdet="texeareabox"] span {
      position: absolute;
      right: 20px;
      bottom: 10px;
      color: #c1c1c1; }
  .zcbl-comments [data-demdet="commentContent"] {
    border-top: 1px solid #c1c1c1;
    margin: 0 10px;
    padding-top: 30px; }
    .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] {
      margin: 0 20px 30px 10px;
      position: relative; }
      .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentLeft"] {
        position: absolute;
        vertical-align: top; }
        .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentLeft"] img {
          width: 80px;
          height: 80px;
          border-radius: 50%; }
      .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] {
        padding-left: 110px; }
        .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="conhead"] {
          padding-top: 25px;
          padding-bottom: 14px;
          font-size: 16px;
          font-weight: normal;
          color: #909090; }
          .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="conhead"] h2 {
            display: inline-block;
            font-weight: normal; }
          .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="conhead"] div[data-demdet="answer"] {
            display: inline-block;
            font-weight: normal; }
            .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="conhead"] div[data-demdet="answer"] span {
              color: #499af5; }
          .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="conhead"] p {
            font-size: 14px;
            float: right;
            font-weight: normal; }
        .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="conbody"] {
          padding-bottom: 20px;
          font-size: 14px;
          color: #515151; }
        .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="confoot"] {
          font-size: 14px;
          text-align: right; }
          .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="confoot"] b {
            background-image: url("../../../images/pc/icon/icon_message.png");
            width: 18px;
            height: 18px;
            margin-right: 5px;
            display: inline-block;
            vertical-align: middle; }
          .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="confoot"] a {
            color: #499af5;
            margin-right: 10px; }
          .zcbl-comments [data-demdet="commentContent"] [data-demdet="content"] [data-demdet="contentRight"] [data-demdet="confoot"] button {
            margin-left: 10px;
            background: none; }

/** 删除评论确认弹窗框 **/
[data-demdet="isdelanswer"] {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  width: 260px;
  height: 100px;
  border-top: 1px solid #ffb30e;
  box-shadow: 0 7px 20px 0px;
  text-align: center; }
  [data-demdet="isdelanswer"] h2 {
    line-height: 55px; }
    [data-demdet="isdelanswer"] h2 b {
      background-image: url("../../../images/pc/icon/icon_choose.png");
      width: 22px;
      height: 24px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
  [data-demdet="isdelanswer"] button {
    width: 80px;
    height: 30px;
    margin: 0 10px; }
  [data-demdet="isdelanswer"] i {
    display: inline-block;
    border: 14px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -28px;
    right: 20px; }

/****************                       用户                  *****************************/
#demdet {
  /** 摸态框 **/ }
  #demdet [data-demdet="user"] [data-demdet="headimg"] li {
    width: 94px;
    text-align: center; }
    #demdet [data-demdet="user"] [data-demdet="headimg"] li button {
      margin-top: 20px;
      width: 94px;
      height: 33px;
      font-size: 14px; }
  #demdet [data-modal="modal"] {
    text-align: center;
    width: 500px;
    height: 240px;
    background-color: #eee;
    margin: 0 auto;
    margin-top: 20%;
    border: 1px solid transparent; }
    #demdet [data-modal="modal"] h2 {
      margin-top: 70px;
      color: #ffb30e;
      font-size: 28px;
      line-height: 74px; }
      #demdet [data-modal="modal"] h2 b {
        background-image: url("../../../images/pc/icon/icon_recruitsuc.png");
        height: 74px;
        width: 76px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px; }
    #demdet [data-modal="modal"] p {
      line-height: 80px; }
